<template>
	<view class="call-phone">
		<view class="">
			<image src="../../static/images/answer.png" mode="scaleToFill" style="width: 50rpx;height: 50rpx;margin-left: 60rpx;"></image>
			<button class="serviceBtn" open-type="contact" bindcontact="handleContact">联系客服</button>
		</view>
		<view class="">
			<image src="../../static/images/answer01.png" mode="scaleToFill" style="width: 50rpx;height: 50rpx;margin-left: 60rpx;"></image>
			<button class="serviceBtn" @click="callPhone()">电话客服</button>
		</view>
		<!-- <image class="img" src="@/static/service/answer02.png" @click="callPhone()"></image> -->
	</view>
</template>

<script>
	import phoneNumber from "@/common/phoneNum.js";
	export default {
		name: "callPhone",
		methods: {
			callPhone() {
				uni.makePhoneCall({
					phoneNumber,
				})
			},
		}
	}
</script>

<style>
	.call-phone {
		margin-top: 20rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
	}

	.call-phone .img {
		width: 100rpx;
		height: 90rpx;
	}
	.serviceBtn{
		background-color: transparent;
		border: none;
		height: 50rpx;
		line-height: 50rpx;
		font-size: 32rpx;
		color: #E43C3A;
	}
</style>
